<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery异步上传插件 - Demo</title>
</head>
<body>

<input type="button" id="upload_img" value="上传图片" >

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.upload-1.0.js"></script>
<script type="text/javascript">
// upload_img 为一个按钮, 点击时选择文件上传
$("#upload_img").click(function() {
        // 上传方法
        $.upload({
                // 上传地址
                url: '/admin/upload', 
                // 文件域名字
                fileName: 'filedata', 
                // 其他表单数据
                params: {name: 'pxblog'},
                // 上传完成后, 返回json, text
                dataType: 'json',
                // 上传之前回调,return true表示可继续上传
                onSend: function() {
                        return true;
                },
                // 上传之后回调
                onComplate: function(data) {
                        alert(data);
                }
        });
});
</script>
</body>
</html>